﻿<!DOCTYPE html>
<html><head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>{$set['title']}</title>
        {php echo register_jssdk(false);}
        <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <meta name="format-detection" content="telephone=no" />
<link rel="stylesheet" href="../addons/lxy_buildpro/template/css/idangerous.swiper.css">
<link href="../addons/lxy_buildpro/template/css/iscroll.css" rel="stylesheet" type="text/css" />
<link href="../addons/lxy_buildpro/template/css/cate36_0.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="../addons/lxy_buildpro/template/css/font-awesome.css" media="all" />




<script src="../addons/lxy_buildpro/template/js/iscroll.js" type="text/javascript"></script>
<script type="text/javascript">
var myScroll;

function loaded() {
myScroll = new iScroll('wrapper', {
snap: true,
momentum: false,
hScrollbar: false,
onScrollEnd: function () {
document.querySelector('#indicator > li.active').className = '';
document.querySelector('#indicator > li:nth-child(' + (this.currPageX+1) + ')').className = 'active';
}
 });
 
 
}

document.addEventListener('DOMContentLoaded', loaded, false);
</script>
 
</head>

<body id="cate17">
<div id="insert1" style="z-index:10000; position:fixed; top:20px;" ></div>
<div class="banner">
<div id="wrapper">
<div id="scroller">
<ul id="thelist">
<li>
        <a href="">
            <img src="{php echo $this->getindexpic($hb['pic'])}">
        </a>
    </li>
    <li>
        <a href="">
            <img src="{php echo $this->getindexpic($hb['pic1'])}">
        </a>
    </li><li>
        <a href="">
            <img src="{php echo $this->getindexpic($hb['pic2'])}">
        </a>
    </li>
    <li>
        <a href="">
            <img src="{php echo $this->getindexpic($hb['pic3'])}">
        </a>
    </li>
 
 <li>
        <a href="">
            <img src="{php echo $this->getindexpic($hb['pic4'])}">
        </a>
    </li>
 
 

</ul>
</div>
</div>
    <div id="nav" >
<div id="prev" onclick="myScroll.scrollToPage('prev', 0,400,2);return false">&larr; prev</div>
<ul id="indicator">
{if $this->getindexpic($hb['pic'])}
<li class="active" ></li>
{/if}
{if $this->getindexpic($hb['pic1'])}
<li></li>
{/if}
{if $this->getindexpic($hb['pic2'])}
<li></li>
{/if}
{if $this->getindexpic($hb['pic3'])}
<li></li>
{/if}
{if $this->getindexpic($hb['pic4'])}
<li></li>
{/if}

</ul>
<div id="next" onclick="myScroll.scrollToPage('next', 0,400,2);return false">next &rarr;</div>
</div>
    <div class="clr"></div>
</div>
 

<div class="device">
    <a class="arrow-left" href="#"></a> 
    <a class="arrow-right" href="#"></a>
    <div class="swiper-container">
      <div class="swiper-wrapper">
      
      
      
         
                            
        <style>
  span[class*="icon"]{
    display:inline-block!important;
    width:45px;
    height:45px;
    background:rgba(255,255,255,0.8);
    border-radius:45px;
    border:1px solid #fff;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    box-shadow:inset 0 0 3px #aaa;
    margin:5px 0;
}
span[class*="icon"]:before{
    color:#000;
    font-size:25px;
    line-height:45px;
}
span[class*="icon"]+img{
    display:none;
}
</style>               
        <div class="swiper-slide">
            <div class="content-slide">

                            <a href="{php echo $this->createMobileurl('buildinfo',array('hid'=>$set['hid']))}">
                    <span class="icon-home"></span>
                    <p class="title">{$set['jjname']}</p>
                </a>              
                            
            <a href="{php echo $this->createMobileurl('viewbdalbum',array('hid'=>$set['hid']),true)}">
<span class="icon-picture"></span>
                    <p class="title">{$set['xcname']}</p>
                </a>
            
                <a href="{php echo $this->createMobileurl('huxing',array('hid'=>$set['hid']))}">
							<span class="icon-building"></span>
                    <p class="title">{$set['hxname']}</p>
                </a>
                <a href="{php echo $this->createMobileurl('review',array('hid'=>$set['hid']),true)}">
							<span class="icon-check"></span>
                    <p class="title">{$set['yxname']}</p>
                </a>
                </div>
            </div>
                <div class="swiper-slide">
            <div class="content-slide">
                <a href="{$xwurl}">
							<span class="icon-rss-sign"></span>
                    <p class="title">{$set['xwname']}</p>
                </a><a href="{$yyurl}">
							<span class="icon-edit"></span>
                    <p class="title">{$set['yyname']}</p>
                </a>      
                                <a href="{$hyurl}">
							<span class="icon-credit-card"></span>
                    <p class="title">{$set['hyname']}</p>
                </a>
                <a href="tel:{$set['tel']}">
							<span class="icon-phone"></span>
                    <p class="title">{$set['lxname']}</p>
                </a>
                     </div>
            </div>
                 
      </div>
    </div>
  </div>
  <div class="pagination"></div>

</div>

<script src="../addons/lxy_buildpro/template/js/jquery-1.10.1.min.js" type="text/javascript"></script>
  <script src="../addons/lxy_buildpro/template/js/idangerous.swiper-2.1.min.js" type="text/javascript"></script>
  <script>
  var mySwiper = new Swiper('.swiper-container',{
    pagination: '.pagination',
    loop:true,
    grabCursor: true,
    paginationClickable: true
  })
  $('.arrow-left').on('click', function(e){
    e.preventDefault()
    mySwiper.swipePrev()
  })
  $('.arrow-right').on('click', function(e){
    e.preventDefault()
    mySwiper.swipeNext()
  })
  </script>


<script>
var count = document.getElementById("thelist").getElementsByTagName("img").length;  

var count2 = document.getElementsByClassName("menuimg").length;
for(i=0;i<count;i++){
 document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:"+document.body.clientWidth+"px";

}
document.getElementById("scroller").style.cssText = " width:"+document.body.clientWidth*count+"px";

 setInterval(function(){
myScroll.scrollToPage('next', 0,400,count);
},3500 );
window.onresize = function(){ 
for(i=0;i<count;i++){
document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:"+document.body.clientWidth+"px";

}
 document.getElementById("scroller").style.cssText = " width:"+document.body.clientWidth*count+"px";
} 


</script>
 
 
 </div>
 
<div style="display:none"> </div>
 
<script>
	wx.ready(function () {
		sharedata = {
			title: '{$set['title']}',
			desc: '{php echo strip_tags($set['jianjie'])}',
			link: '{$shareurl}',
			imgUrl: '{$imgurl}',
			success: function(){
			},
			cancel: function(){
			}
		};
		wx.onMenuShareAppMessage(sharedata);
	});
	</script>
</body>
</html>
